// 放置全局指令
import Vue from 'vue'
// 导入points在vuex中
import store from '@/store'
Vue.directive('checkBtn', {

  inserted(el, binding) {
    // el：表示指令绑定的那个元素本身
    // binging是个对象，.value表示后面表达式的值
    // console.log(el, binding.value)
    // 控制按钮是否显示，以binding.value去points中找，找得到就表示可以显示，找不到就是不显示
    const points = store.state.user.userInfo.roles.points
    if (!points.includes(binding.value)) {
      // 找不到按钮不显示
      // el.remove() // 原生js的移除方法，兼容性差一点
      el.parentNode.removeChild(el) // 通过父级删除子级
    }
  }
})
